<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>提交订单页面</title>
    <meta name="description" content="购物商城，网上购物">
    <meta name="keywords" content="网上购物，手机，电脑，服饰">
    <link rel="shortcut icon" href="./bitbug_favicon.ico" />
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/submit.css">
</head>

<body>
    <!-- 顶部导航栏 start -->
    <div class="top-nav">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您！&nbsp;</li>
                    <li><a href="./login.htm">请登录&nbsp;</a></li>
                    <li><a href="./register .html" class="color-red">免费注册</a></li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="">我的订单</a></li>
                    <li></li>
                    <li><a href="">我的品优购</a><i class="icon-down"></i></li>
                    <li></li>
                    <li><a href="">品优购会员</a></li>
                    <li></li>
                    <li><a href="">企业采购</a></li>
                    <li></li>
                    <li><a href="">关注品优购</a><i class="icon-down"></i></li>
                    <li></li>
                    <li><a href="">客户服务</a><i class="icon-down"></i></li>
                    <li></li>
                    <li><a href="">网站导航</a><i class="icon-down"></i></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 顶部导航栏 end -->
    <div class="header w">
        <div class="logo">
            <a href="./index.html" title="品优购"></a>
            <h2>购物车</h2>
        </div>
        <!-- 搜索框 -->
        <div class="sub-search">
            <input type="text" placeholder="自营">
            <button>搜索</button>
        </div>
    </div>
    <!-- 订单内容 start -->
    <div class="sub-order w clearfix">
        <div class="od-hd">
            <h2>填写并核对订单信息</h2>
        </div>
        <div class="od-bd">
            <div class="addressee mg">
                <h3>收件人信息</h3>
                <div class="more">
                    <div class="address">
                        <div class="name redb">张谋谋 北京</div>
                        <span>张谋谋 北京市海淀区三环内 中关村软件园9号楼 159****3201</span>
                    </div>
                    <div class="mo-ad">
                        <a href="">更多地址</a><i class="icon-down"></i>
                    </div>

                </div>

            </div>
            <div class="match mg">
                <div>匹配自提点</div>
                <span>时代思远书店 中关村软件园9号楼时代思远书店 </span>
            </div>
            <div class="pay-ways mg">
                <h3>支付方式</h3>
                <ul>
                    <li>货到付款</li>
                    <li>微信支付</li>
                    <li class="redb">在线支付</li>
                    <a href="">更多》</a>
                </ul>

            </div>
            <div class="goods-list mg">
                <h3>送货清单</h3>
                <div class="gray">
                    <h3>配送方式</h3>
                    <div class="tt redb">
                        天天快递
                    </div>
                    <span>配送时间：预计8月10日（周三）09:00-15:00送达</span>
                    <a href="" class="fr blue">修改</a>
                </div>
                <div class="pink">
                    <h3>配送方式</h3>
                    <div class="img"><img src="./upload/配送方式.png" alt=""></div>
                    <div class="text">
                        <span>Apple iPhone 6s (A1700) 64G 玫瑰金色 移动联通电信4G手机<br>
                            硅胶透明防摔软壳 本色系列</span><br><br>
                        <span class="color-red">七天无理由退换货</span>
                    </div>

                    <div class="fr">
                        <span>￥5399.00</span>
                        <span>×1</span>
                        <span>有货</span>
                    </div>
                </div>
            </div>
            <div class="bill mg">
                <h3>发票信息
                </h3>
                <div><a href="">普通发票（电子）</a>&nbsp;&nbsp;
                    <a href="">个人</a>&nbsp;&nbsp;<a href="">明细</a>
                    &nbsp;&nbsp;<a href="" class="blue">修改</a></div>

            </div>
            <h3><a href="">使用优惠/抵用</a><i class="icon-down"></i></h3>
        </div>
        <div class="summary-price">
            <table>
                <tr>
                    <td><em class="color-red">1</em>
                        件商品，总商品金额：</td>
                    <td>¥5388.00</td>
                </tr>
                <tr>
                    <td>返现：</td>
                    <td>-¥0.00</td>
                </tr>
                <tr>
                    <td>运费：</td>
                    <td style="font-weight: bold; color: red;">¥5388.00</td>
                </tr>
            </table>
        </div>
        <div class="last-price  clearfix">
           <div class="fr">
            <div style="text-align: right;">
                应付总额 ： <em>¥5388.00</em>
            </div>
            <p>寄送至：北京市海淀区三环内 中关村软件园9号楼  收货人：某某某  159****3201</p>
           </div>
        </div>
        <a href=""><div class="add">提交订单</div></a>
    </div>
    <!-- 订单内容 end -->
     <!-- 底部 start -->
     <div class="footer">
        <div class="w">
            <!-- 保证模块 -->
            <div class="ensure">
                <ul>
                    <li>
                        <div class="pic item1"></div>
                        <div class="txt">
                            <h3>正品保障</h3>
                            <p>正品保障,提供发票</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic item2"></div>
                        <div class="txt">
                            <h3>极速物流</h3>
                            <p>急速物流，急速送达</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic item3"></div>
                        <div class="txt">
                            <h3>无忧售后</h3>
                            <p>7天无理由退换货</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic item4"></div>
                        <div class="txt">
                            <h3>特色服务</h3>
                            <p>私人定制家电套餐</p>
                        </div>
                    </li>
                    <li>
                        <div class="pic item5"></div>
                        <div class="txt">
                            <h3>帮助中心</h3>
                            <p>您的购物指南</p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 帮助菜单 -->
            <div class="help">
                <dl>
                    <dt>服务指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">会员介绍</a></dd>
                    <dd><a href="#">生活旅行/团购</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">大家电</a></dd>
                    <dd><a href="#">联系客服</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">上门自提</a></dd>
                    <dd><a href="#">211限时达</a></dd>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">配送费收取标准</a></dd>
                    <dd><a href="#">海外配送</a></dd>
                    <dd><a href="#"></a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">货到付款</a></dd>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">分期付款</a></dd>
                    <dd><a href="#">邮局汇款</a></dd>
                    <dd><a href="#">公司转账</a></dd>

                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">价格保护</a></dd>
                    <dd><a href="#">退款说明</a></dd>
                    <dd><a href="#">返修/退换货</a></dd>
                    <dd><a href="#">取消订单</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">夺宝岛</a></dd>
                    <dd><a href="#">DIY装机</a></dd>
                    <dd><a href="#">延保服务</a></dd>
                    <dd><a href="#">品优购E卡</a></dd>
                    <dd><a href="#">品优购通信</a></dd>

                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd>
                        <img src="./img/客户端二维码_03.png" alt=""><br>
                        品优购客户端
                    </dd>
                </dl>
            </div>
            <!-- 版权声明 -->
            <div class="copyright">
                <div class="w">
                    <div class="aboutme">
                        <a href="">关于我们</a> | <a href="">联系我们</a> | <a href="">联系客服</a> | <a href="">商家入驻</a> | <a
                            href="">商家入驻</a> | <a href="">手机品优购</a> | <a href="">友情链接</a> | <a href="">销售联盟</a> | <a
                            href="">品优购社区</a> |
                        <a href="">品优购公益</a> | <a href="">English Site</a> | <a href="">Contact U</a>
                    </div>
                    <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
                    <p>京ICP备08001421号京公网安备110108007702</p>
                </div>
            </div>

        </div>
    </div>
    <!-- 底部 end -->
</body>

</html>